@charset "utf-8";
/*************************************
* 文件名称：style.css
* 设计公司：深圳易网
* 开发人员：涂丽华
* 创建日期：2011-10-14
* 最后修改：2011-12-07
* 内容概要: 页面主体样式
*************************************/

body{ background:#FFF ; color:#666666; padding-bottom:12px ; }
a{ color:#666666;}
a:hover{ color:#019d3a;}
.border_01{ border:1px solid #272727}
.dotline{ border-bottom:1px dotted #434343}


/*导航栏选中状态*/
#nav_select:link,#nav_select:hover,#nav_select:active,#nav_select:visited{background: url(../images/navover.gif) no-repeat center bottom; color:#007d30}
/* 左边一级类别选中状态 */
#sel{  color:#ff6600; font-weight:700}
/* 左边二级类别选中状态 */
#sub_sel{ background:#8cde97 url(../images/dot3.gif) no-repeat 24px center; font-weight:300; color:#333333}
/* 左边三级类别选中状态 */
#sub_class2{ background:#999999}


/*** layout ***/
#top,#main,#left,#right,#foot{ height:auto; overflow:hidden}

#top{ width:1002px; height:206px; margin:0 auto;}
#nav{ width:100%; height:37px; text-align:center; background:url(../images/navbg.gif) repeat-x left center}
#banner{ width:981px; height:331px; border:1px dotted #424242; background:url(../images/bannerbg.gif); margin:10px auto 24px; padding:9px}
#main{ width:1001px; margin:0 auto}
#left{ width:232px; text-align:left;}
#right{ width:751px;text-align:left}
.hotpro{ width:1001px; height:auto; overflow:hidden; clear:both; margin:17px auto 0; text-align:center}
#foot{ width:1001px; margin:0 auto; margin-top:19px; text-align:center; background:url(../images/footbg.gif) no-repeat center top; padding:18px 0 22px}


/*** 分页样式 ***/
.page{ width:100%; text-align:center; clear:both; height:32px; padding:16px 0; overflow:hidden}
.page a{ padding:6px 12px; border:1px solid #cccccc; color:#505050; margin:0 1px; font-size:13px; text-align:center}
.page .more{ border:0}
.page a:hover{ background:#2ea02e; color:#FFF}
.page .pre{ background:url(../images/page_pre.gif) no-repeat 3px center}
.page .next{ background:url(../images/page_next.gif) no-repeat 53px center}
.page .pre:hover{ background:#2ea02e url(../images/page_pre.gif) no-repeat 3px center;color:#FFF}
.page .next:hover{ background:#2ea02e url(../images/page_next.gif) no-repeat 53px center;color:#FFF}
.page .more:hover{ background:none; color:#505050;}
.page .current{ border:0; color:#ff6600; font-weight:700;}
.page .current:hover{ background:none; color:#ff6600}
.page .no_pre{background:url(../images/page_no_pre.gif) no-repeat 3px center; color:#cccccc}
.page .no_pre:hover{ color:#cccccc; background:#FFF url(../images/page_no_pre.gif) no-repeat 3px center;}
.page .no_next{background:url(../images/page_no_next.gif) no-repeat 53px center; color:#cccccc}
.page .no_next:hover{ color:#cccccc; background:#FFF url(../images/page_no_next.gif) no-repeat 50px center;}

/*top开始*/
#top{ width:1000px; margin:auto; height:81px; font-size:12px; font-family:"宋体";}
.topleft{ width:798px; float:left; background:url(../images/topleft.png); width:812px; height:81px;}
.topright{ width:182px; height:66px; background:url(../images/topright.gif) no-repeat;padding-top:15px; padding-right:6px; float:left; height:66px;}
.topright1{ padding-bottom:22px;height:11px; float:right; text-align:right}
#zh{ background:url(../images/zhongguoico.gif) no-repeat left center; float:left; padding-left:23px; padding-right:14px; line-height:15px; color:#333333}
#en{ background:url(../images/usaico.gif) no-repeat  left center; float:left;padding-left:23px; line-height:15px; color:#333333}
#zh:hover, #en:hover{ color:#019d3a}
.topright2{ width:177px; height:18px; float:right;}
.toprightbot1{ width:139px; height:14px; background:url(../images/search1.gif);float:left; line-height:16px; padding-left:5px; color:#666; font-size:12px; border:1px solid #D1CED0;}
.toprightbot2{ width:26px; height:18px; background:url(../images/search1go.gif); cursor:pointer; border:none; float:left; margin-left:4px;}
/*top结束*/

/* 菜单导航 */
#nav .inner{ display:block; width:1000px; height:auto; overflow:hidden; margin:0 auto; }
.nav{padding-left:10px }
.nav li{ float:left}
.nav  li a{ display: block; width:122px; height:37px; text-align:center; line-height:37px; font-size:14px; color:#FFF; font-family:'微软雅黑'}
.nav  li a:hover{ background: url(../images/navover.gif) no-repeat center bottom; color:#007d30}
.nav  li span{ display:block; width:2px; height:37px; background:url(../images/navsplit.gif) no-repeat}
/*下拉*/
.nav li ul{ display:none; position: absolute; z-index:1000; width:200px; left:152px; top:118px;  }
.nav li ul li{ clear:both;}
.nav li ul li a{ display:block; width:182px; height:27px;line-height:27px; font-size:12px; color:#FFFFFF; text-align:left;  border-top:0; font-weight:300; padding-left:18px; background: url(../images/subnavlink.gif) no-repeat; font-family: Verdana, Geneva, sans-serif,'宋体';}
.nav li ul li a:hover{  background: url(../images/subnavover.gif) no-repeat; font-family: Verdana, Geneva, sans-serif,'宋体';color:#FFFFFF;  }
#nav .navover{ background: url(../images/navover.gif) no-repeat center bottom; color:#007d30}

/* banner */
#ibanner{margin:0 auto; margin-top:13px; margin-bottom:15px; width:994px;border: 1px solid #CCCCCC; padding:2px;}

/*首页*/
/* 首页内容开始 */
#ineirong{ width:1000px; margin:auto; padding-bottom:10px; height:auto; overflow:hidden}
/* --内容左边 */
.ineirongleft{ float:left; width:782px;}
.index_left{ width:100%; height:auto; overflow:hidden}
.ineironglefts{ padding-bottom:11px; width:206px; height:auto; overflow:hidden; float:left}
.ineironglefts h1{ height:29px; background:url(../images/leftdibian.gif) no-repeat; text-align:left; line-height:29px; font-size:14px; font-weight:700; color:#FFF; padding-left:23px}
/* 左边导航 */
.leftclass{ height:auto; overflow:hidden; margin-bottom:9px;}
.leftclass li{ width:100%; line-height:27px; background:url(../images/leftdiwei.gif) no-repeat left top; text-align:left; margin:1px 0 2px}
.leftclass li a{ padding-left:42px; color:#000000}
.leftclass li a:hover{ color:#ff6600; font-weight:700}
.leftclass li ul{ margin:2px auto 3px; display:block; height:auto; overflow:hidden}
.leftclass li ul li{ background:none; border-bottom:1px dotted #999999; margin:0}
.leftclass li ul li a{ color:#333333; display:block; width:163px; height:27px; background:url(../images/dot3.gif) no-repeat 24px center; padding-left:44px;}
.leftclass li ul li a:hover{ background:#8cde97 url(../images/dot3.gif) no-repeat 24px center; font-weight:300; color:#333333 }

/* 合作品牌 */
.brand{ width:204px; border:1px solid #d7dbd9; height:auto; overflow:hidden; padding-bottom:7px; }
.brand .caption{ height:28px; line-height:28px; background:url(../images/titlebg.gif) repeat-x left center; border-bottom:1px solid #d7dbd9; text-align:left}
.brand .caption h2{ height:28px; background:url(../images/dot2.gif) no-repeat 17px center; padding-left:37px; color:#333333; font-size:14px; font-weight:700;}
.brand .caption h2 span{ color:#019d3a}
#brand{ margin:10px auto 1px;display:block; width:180px; height:143px; overflow:hidden}
#brand p a{ display:block; width:178px; height:41px; border:1px solid #cccccc; margin:0 auto 7px}


.ineirongleftsright{ float:right;}
.icesleft{ width:8px; height:173px; background:url(../images/celeft.gif); float:left;}
.ice{ padding-left:12px; position:relative; padding-bottom:10px;}
.ice span{
	width:40px;
	height:41px;
	position:absolute;
	left: 537px;
	top: -1px; z-index:1000
}
.icesce{ background:url(../images/cece.gif); width:547px;float:left; text-align:center; color:#666; height:173px;}
*html .icesce{ background:url(../images/cece.gif); width:547px;float:left; text-align:center; color:#666; height:173px; overflow:hidden  }

.icesright{ width:9px; height:173px; background:url(../images/ceright.gif);float:right;}
.icex{padding-left:12px; width:564px; height:auto; overflow:hidden; margin-top:2px}
.icex1{ width:277px;position:relative;}
.icex1top{ width:277px; height:29px; line-height:29px; font-weight:bold; color:#019D3A; font-size:14px;background:url(../images/ce2topbg.gif);}
.icex1top .right{ display:block; padding-right:12px; margin-top:10px}
.sellwell2{height:29px;line-height:29px; color:#fff;overflow:hidden;}
.sellwell2 li{ width:93px; text-align:center;height:29px; line-height:30px;float:left; color:#333333;}
.sellwell2 ul li.hover{cursor:pointer;height:29px;line-height:30px; width:93px; background:url(../images/ce2topbghuan.gif); color:#019D3A;}
.icex1top .new{
	width:35px;
	height:9px;
	position:absolute;
	left: 233px;
	top: 10px;
}
.icexx{ width:265px; height:203px; padding-top:5px; padding-left:10px; padding-bottom:10px; border:1px solid #E1DEE5; line-height:28px;}
.icexx li{ background:url(../images/ico1.gif);width:234px; height:28px; padding-left:21px; text-align:left}

.ineirongleftxleft{ width:42px; height:180px; background:url(../images/ce3left.gif); float:left;}
.ineirongleftxce{ width:722px; height:180px; background:url(../images/ce3ce.gif); float:left; position:relative;}
.ineirongleftxce span{
	width:67px;
	height:68px;
	position:absolute;
	left: -43px;
	top: 0px;
}
.ineirongleftxright{ width:18px; height:180px; background:url(../images/ce3right.gif); float:right;}
.ineirongleftxce .more{ width:100%; text-align:right; line-height:38px;}
.ineirongleftxce .more a{ color:#15a558}
.ineirongleftxce ul li{ float:left; padding-right:38px; line-height:34px;}
.ineirongleftxce ul li .pic{ display:block; width:150px; height:100px; border:1px solid #cccccc}


/* --内容右边 */
.ineirongright{ float:right;}
.maillogin_zh_cn{ width:194px; height:113px; background:url(../images/right1.gif); color:#666666; padding-top:60px; padding-left:12px; margin-bottom:12px; text-align:left}
.maillogin_en{ width:194px; height:113px; background:url(../images/right1_en.gif); color:#666666; padding-top:60px; padding-left:12px; margin-bottom:12px; text-align:left}
.ineirongrightsp{ padding-bottom:11px;}
.ineirongrights1{ width:128px; height:17px; line-height:17px; border:1px solid #CCCCCC;}
.ineirongrights2{ padding-left:46px; height:20px;}
.btn01_zh_cn{ width:56px; height:20px; margin-right:10px;float:left; background:url(../images/buttom1.gif); border:none;cursor:pointer;}
.btn02_zh_cn{ width:56px; height:20px;float:left; background:url(../images/buttom2.gif);border:none; cursor:pointer;}
.btn01_en{ width:56px; height:20px; margin-right:10px;float:left; background:url(../images/buttom1_en.gif); border:none;cursor:pointer;}
.btn02_en{ width:56px; height:20px;float:left; background:url(../images/buttom2_en.gif);border:none; cursor:pointer;}


.ineirongrightx{ width:193px; height:440px; background:url(../images/irightxbg.gif); padding-left:13px; line-height:16px; text-align:left }
.ineirongrightxs{ display:block; height:15px; line-height:15px; color:#333333; font-size:14px; font-weight:bold; padding-top:12px; }
.ineirongrightxs strong{ color:#019D3A;}
.ineirongrightxsp1{ color:#FD5607; line-height:12px; margin-top:7px}
*html .ineirongrightxsp1{ color:#FD5607; line-height:12px; margin-top:3px}
*+html .ineirongrightxsp1{ color:#FD5607; line-height:12px; margin-top:3px}
.ineirongrightxsp2{ color:#333333; line-height:12px}
.ineirongrightxsp2 p{ padding:0; margin:0 }
/* 首页内容结束 */

/* 友情链接开始 */
.friendlink{ width:998px; height:93px; border:1px solid #d7dbd9; margin:0 auto; text-align: center}
.friendlink .caption{ height:28px; background: url(../images/titlebg.gif) repeat-x left center; border-bottom:1px solid #d7dbd9; text-align:left;}
.friendlink .caption h2{ line-height:28px; background:url(../images/dot2.gif) no-repeat 14px center; padding-left:36px; color:#333333; font-size:14px; font-weight:700}
.friendlink .caption h2 span{ color:#019d3a}
#ff{ width:970px; height:64px; margin:0 auto; overflow:hidden}
#ff a{ display:block; width:174px; height:46px; border:1px solid #cccccc; text-align:center; float:left; margin-top:8px; margin-right:23px}

/* 友情链接结束 */

#bot{ width:100%; height:64px; background:url(../images/botbg.gif); text-align:center; margin-top:10px; line-height:20px; color:#666666; padding-top:16px;}

/*about*/
.a1left{ float:left;}
.a1top{ padding-left:10px; float:left; width:565px; height:auto; overflow:hidden}
.a1top1{ height:28px; width:553px;border:1px solid #ccc; line-height:29px; padding-right:10px; background:url(../images/about/a1topbg.gif);}
.a1top1 span{ float:right;}
.a1top2{ height:28px; width:94px; background:url(../images/about/a1topbg2.gif); font-size:14px; font-weight:bold; color:#019d3a; text-align:center; float:left;}
.a1x{ padding-left:4px; padding-right:10px;  line-height:22px; padding-top:18px; width:552px; text-align:left; height:auto; overflow: hidden}

.a2x{ width:550px; height:auto;  overflow:hidden }
.a2x span{ color:#019d3a;}
.a2xdt{ padding-top:16px; padding-bottom:10px;}

/* 调查表，产品 ，解决方案 右边 */
.righttop2{ padding-left:10px; float:right; width:782px;}
.righttop2 .caption{ height:28px; width:770px;border:1px solid #ccc; line-height:29px; padding-right:10px; background:url(../images/about/a1topbg.gif); overflow:hidden}
.righttop2 .caption .left{ float:left;  }
.righttop2 .caption .left{ display:block;  height:28px; background: url(../images/rtbg.gif) no-repeat center center; padding:0 15px; color:#019d3a; font-weight:700; font-size:14px; border-right:1px solid #d9d9d9}
.righttop2 .caption right{ float:right}
.title2{ float:left}
.title2 span{ display:block; height:28px; background:url(../images/bg3.gif) no-repeat right center; font-size:14px; font-weight:bold; color:#019d3a; text-align:center; float:left; padding:0 15px;text-align:center; border-right:1px solid #dadada}
.feedx{ text-align:left; line-height:24px; padding:10px}



/*在线留言*/
#feedback h4{ width:99%; height:26px; line-height:26px; border-bottom:1px solid #cccccc; margin:0 auto; text-align:left; font-size:12px; font-weight:700; }
#feedback  ol{ overflow:hidden; width:99%; margin:0 auto}
#feedback ol li{ overflow:hidden; width:100%; height:auto; border-bottom:1px dashed #cccccc}
#feedback ol li table{ margin:5px 0}
#feedback td{ padding:0}

#msgform { padding:20px 0 10px}
.btn{ text-align:left; padding-left:50px; margin-bottom:20px}


/*解决方案*/
.sol{ display:block; height:auto; overflow:hidden; margin-top:3px}
.sol li{ width:750px; height:130px; border:1px solid #dbdbdb; display:block; padding:0 15px; margin-top:12px}
.sol .left{ width:150px; height:100px; border:1px solid #cccccc; text-align:center; margin-top:15px}
.sol .right{ width:583px; height:auto; overflow:hidden; text-align:left;margin-top:15px}
.sol .right a{ color:#019d3a}
.sol .right h3{ border-bottom:1px dotted #999999; line-height:25px; text-align:left; color:#019d3a; font-weight:700}
.sol .right p{ line-height:22px; margin-top:5px}
.sol .right .more a{ line-height:28px; color:#019d3a}

.jx2{ padding-top:15px; width:781px; clear:both; text-align:left; height:auto; overflow:hidden}
.jx2 dl{ width:764px; height:180px; border:1px solid #ccc; padding-top:12px; padding-left:12px; margin-bottom:13px; background:#F9F9F9;}
.jx2 dl dd{ display:block; width:250px; height:166px;  float:left; text-align:center; border:1px solid #ccc; background:#FFF}

.jx2 dl dt{ float:right; line-height:22px;width:490px; display:block; color:#666; padding-right:12px}
.jx2 dl dt strong{ line-height:24px; height:24px; border-bottom:dashed 1px #ccc; color:#019D3A; width:488px; display:block; margin-bottom:5px;}
.jx2 dl dt span{ color:#333;}
.jx2x{ height:25px; border-bottom:#666 1px solid; background:url(../images/jjfa/top.gif) left no-repeat; line-height:25px; padding-left:15px;color: #000; font-weight:bold; margin-top:13px;}
.jx2x2{ padding-top:11px; line-height:22px; color:#666;}

/*新闻*/
/* 新闻列表 */
#newslist{ display:block;margin:0; width:560px; margin:0 auto 10px; height:auto; overflow:hidden;}
#newslist li{ border-bottom:1px dotted #cccccc; height:29px; line-height:29px; background:url(../images/dot6.gif) no-repeat 7px center}
#newslist li .left{ padding-left:24px}
#newslist li .right{ padding-right:8px}

/* 文章详情 */
.arc_content{ padding:10px; text-align:left; margin:0 auto; height:auto; overflow:hidden}
.arc_content h2{ text-align:center; font-size:15px;margin:0 auto; padding:10px 0; font-weight:600}
.arc_content h2 span{ font-size:12px; font-weight:300; color:#999999; border:0;  }

/*产品*/
.prolist{ margin-top:3px; display:block; height:auto; overflow:hidden}
.prolist li{ display:block; width:750px; height:160px; padding:0 15px; border:1px solid #dbdbdb; text-align:left; margin-top:12px}
.prolist li h3{ line-height:28px; border-bottom:1px dotted #999999; margin-top:5px}
.prolist li h3 a{ font-weight:700; color:#019d3a}
.prolist li .left{ width:150px; height:100px; border:1px solid #cccccc; margin-top:12px}
.prolist li .right{ width:580px; height:auto;margin-top:12px}
.prolist li .right .more a{ color:#019d3a}


.pro{ padding-top:15px; width:781px; clear:both;}
.pro2{ width:749px; height:154px; border:1px solid #ccc; padding-top:15px; padding-left:15px; margin-bottom:10px; background:#F9F9F9; padding-top:5px; padding-left:16px; padding-right:14px;}
.pro3{ line-height:29px; height:29px; width:745px; border-bottom:1px #ccc dashed; padding-left:3px;font-weight:bold;color:#019D3A; }
.pro4{ padding-top:11px;}
.pro4 dd{height:100px;float:left; padding-right:18px;}
.pro4 dd img{ border:1px solid #ccc;}
.pro4 dt{ float:left; line-height:22px; color:#666; padding-top:12px; width:577px;}
.pro4 dt a{color:#019D3A; }
.pro5{ width:183px; height:29px; line-height:29px; padding-left:23px; border-bottom:1px dashed #ccc;color:#000;}
.pro5 a{text-decoration:none; color:#000;}
.pro5:hover{background:#8CDE97; text-decoration:none; color:#000;}
.pro6{ width:183px; height:29px; line-height:29px; padding-left:23px; border-bottom:1px dashed #ccc; margin-bottom:2px;color:#000;}
.pro6 a{text-decoration:none; color:#000;}
.pro6:hover{background:#8CDE97; text-decoration:none; color:#000;}
.pro7{background:#8CDE97; text-decoration:none; color:#000;width:183px; height:29px; line-height:29px; padding-left:23px; border-bottom:1px dashed #ccc;}

.pro_11d{ width:778px; padding-left:1px; border-bottom:1px solid #666; height:25px;}
.sellwell{height:25px;line-height:25px;}
.sellwell li{ width:80px; text-align:center;height:25px;float:left;cursor:pointer;display:block; background:url(../images/pro/qian.png); margin-right:4px; }
.sellwell .hover{cursor:pointer;color:#fff; font-weight:bold; background:url(../images/pro/hou.png); }
.pro_11t{ padding-top:16px; padding-bottom:17px;}
.pro_11d2{ width:779px; line-height:22px; color:#666;}


/*技术支持*/

.jszcxs{ width:523px; height:140px; background:url(../images/jszc/bg.png) right no-repeat; margin-bottom:18px; line-height:22px; padding-top:2px;}
.jszcxs span{ color:#019D3A;}
.jszcxbg{ border:1px #cdcdcd solid; line-height:24px;font-weight:bold; width:550px; height:24px; border-right:none; text-align:center;}
.jszcxbg11{ border-right:1px solid #dcdcdc; width:265px;height:24px; float:left;}
.jszcxbg12{ border-right:1px solid #dcdcdc; width:70px;height:24px; float:left; text-align:center}
.jszcxbg12span{ padding-top:4px; width:42px; height:16px; display:block; text-align:center}
.jszcxbg2{ border:1px #cdcdcd solid; line-height:24px;font-weight:bold; width:550px; height:24px; border-right:none; border-top:none; text-align:center;}
.pagedemo4 { width:550px;}
.demo4 { width:550px;}

#down th, #down td{ padding:3px 5px}
#downbtn{ padding:0;}

#con_one_1, #con_one_2, #con_one_3{  padding:10px 0; text-align:left; height:auto; overflow:hidden}

/* 企业风采 */
.fc{ padding-left:3px}
.fc dl{ float:left; padding:5px 16px}
.fc dl dd{ width:240px; text-align:center}
.fc dl dt{ border:1px solid #CCC; width:240px; height:160px;}

#con_one_1, #con_one_2, #con_one_3, #ff, .friendlink{ background:#FFF}

